{include file="header.tpl"}


{if $orderId}
	<div style="text-align:center; ">
		Спасибо! Номер Вашего заказа {$orderId}.<br>
		Наш менеджер обязательно свяжется с Вами в ближайшее время.
	</div>
{else}

{if $basket->isEmpty()}
	Корзина пуста!
{else}

{literal}
<script>
	function onOk(oForm) 
	{
		var msg = 'Не все значения для обязательных полей заданы.';
		if (validateControlsInput(msg)) 
		{
			addCtlValuesAsInputsOf(oForm);
			return true;
		}
		return false;
	}
</script>
{/literal}

<h2>Товары в заказе</h2>

<table>
	<tr>
		<td>
		</td>
		<td width=100>
		</td>
		<td align=center nowrap>
			Цена, руб. &nbsp;&nbsp;&nbsp;
		</td>
		<td nowrap>
			Кол-во
		</td>
	</tr>
{section name=product loop=$products}
	<tr>
		<td>
			<a href='product.php?productId={$products[product][0]->id()}'>
				{$products[product][0]->name()} {$products[product][3]->name()} {$products[product][0]->model()}
				{if $products[product][1]}
					 - {$products[product][1]->name()}
				{/if}
			</a>
		</td>
		<td>
		</td>
		<td>
			{if $products[product][1]}
				{$products[product][1]->price()}
			{else}
				{$products[product][0]->price()}
			{/if}
		</td>
		<td align=center>
			{$products[product][2]}
		</td>
	</tr>
{/section}
</table>
<br>
Всего: <b>{$basket->totalSum()} руб.</b>

<div style="text-align:center;margin-bottom:20px;">
	<button onclick="window.location.href='/basket.php'">Редактировать товары в заказе</button>
</div>

<h2>Персональные данные</h2>

Заполните, пожалуйста, поля формы.<br>
Символом <span class=asterisk>*</span> отмечены поля, обязательные для заполнения.
<br>
<br>
<form id=oForm method=post onsubmit="return onOk(this);">
	<table id='personal'>
		<col style="white-space: nowrap;">
		<col style="color:red;">
		<col style="width:400px;">
		<tr>
			<td>
				ФИО:
			</td>
			<td><span class=asterisk>*</span></td>
			<td id='name'></td>
		</tr>
		<tr>
			<td>
				Телефон:
			</td>
			<td><span class=asterisk>*</span></td>
			<td id='phone'></td>
		</tr>
		<tr>
			<td>
				e-mail:
			</td>
			<td></td>
			<td id='email'></td>
		</tr>
		<tr>
			<td>
				Адрес:
			</td>
			<td></td>
			<td><textarea name=address rows=5 cols=50></textarea></td>
		</tr>
		<tr>
			<td>
				Комментарии:
			</td>
			<td></td>
			<td><textarea name=comments rows=5 cols=50></textarea></td>
		</tr>
	</table>
</form>
	<br>
	<br>
	<div style='text-align:center'>
		<button onclick="onOk()">Сделать заказ</button>
	</div>
	
<script lang=javascript src='cf/controls.js' type='text/javascript'></script>
	
<script lang=javascript>
	$(function(){
		document.getElementById('name').
			appendChild(
				create_control(ftString, 'name', '', 1024, 0, false, false)
			);
		document.getElementById('phone').
			appendChild(
				create_control(ftString, 'phone', '', 255, 0, false, false)
			);
		document.getElementById('email').
			appendChild(
				create_control(ftString, 'email', '', 255, 0, true, false)
			);
		$('#name input').focus();
	})
</script>


{literal}
<script lang=javascript>
	function onOk()
	{
		var form = document.getElementById('oForm');
		if (validateControlsInput('Не все обязательные поля заполнены!')) 
		{
			addCtlValuesAsInputsOf(form);
			form.submit();
		}
	}
</script>
{/literal}

{/if}

{/if}

<style>
#personal input, #personal textarea {
	width:100%;
	border: 1px solid #00aad1;
}
</style>

{include file="footer.tpl"}